<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/4.Nutmall.css">
  <link rel="stylesheet" href="./css/1.head.css">
</head>

<body>
  <header>

  </header>
  <div id="box">

    <div class="screen">

      <ul>

        <li>
          <div class="lunbotutext">
            <h1 class="h1s">新品上市PS3</h1>
            <p class="suishens">随手携带影院|单手可拿</p>
          </div>
          <img src="./images/35.jpg" alt="">
        </li>
        <li><img src="./images/36.jpg" alt=""></li>
        <li><img src="./images/37.jpg" alt=""></li>
        <li><img src="./images/38.jpg" alt=""></li>
        <li><img src="./images/39.jpg" alt=""></li>

      </ul>
      <ol>

      </ol>
    </div>
  </div>
  <div class="button">
    <span id="left">
    </span> <span id="right">
    </span>
  </div>

  <!-- 商城版型部分 s-->
  <div class="banxings">
    <div class="sahngpinleis">
      <div class="jiatingtoyins">
        <a href="5.Productdetails.html">
          <div class="leftss">
            <img src="./images/40.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>家庭影院</h5>
          <p>打造精致家庭影院</p>
        </div>
      </div>

      <div class="jiatingtoyins">
        <a href="#">
          <div class="leftss">
            <img src="./images/41.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>移动投影仪</h5>
          <p>坚果智能移动影院</p>
        </div>
      </div>


      <div class="jiatingtoyins">
        <a href="#">
          <div class="leftss">
            <img src="./images/42.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>激光电视</h5>
          <p>高清巨幕家庭影院</p>
        </div>
      </div>


      <div class="jiatingtoyins">
        <a href="#">
          <div class="leftss">
            <img src="./images/43.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>行业制定</h5>
          <p>个性定制服务</p>
        </div>
      </div>


      <div class="jiatingtoyins">
        <a href="#">
          <div class="leftss">
            <img src="./images/44.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>坚果配件</h5>
          <p>精调细选好品质</p>
        </div>
      </div>


      <div class="jiatingtoyins">
        <a href="#">
          <div class="leftss">
            <img src="./images/45.png" alt="">
          </div>
        </a>
        <div class="rightss">
          <h5>坚果服务</h5>
          <p>坚果客户服务中心</p>
        </div>
      </div>


    </div>
    <!-- 坚果投影 -->
    <div class="jianguotouyinqu">
      <h4 class="text">坚果投影</h4>
      <div class="onezhihuipings">
        <ul>
          <li class="zihuipings"><a href="#">
              <img src="./images/46.jpg" alt="">
            </a>
            <span class="xingpings">新品</span>
            <h5 class="textzhihui">坚果智慧屏O1</h5>
            <p class="jingye">￥3899</p>
          </li>
          <li class="xiaoshangpings"><a href="#">
              <img src="./images/47.jpg" alt="">
            </a>
            <h5 class="textxiaohe">坚果O1 PRO</h5>
            <p class="porp">坚果O1 PRO</p>
            <p class="pricep">￥3999</p>
            <span class="xings">新品</span>
          </li>
          <li class="xiaoshangpings"><a href="#">
              <img src="./images/48.jpg" alt="">
            </a>
            <h5 class="textxiaohe">【新品上市】坚果G9S</h5>
            <p class="porp">【新品上市】坚果G9S</p>
            <p class="pricep">￥2999</p>
          </li>
        </ul>
      </div>
      <div class="towzhihuipings">
        <ul>
          <li class="goodslist"><a href="#">
              <img src="./images/49.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果G9</h5>
            <p class="commodity">简约派的精致生活影院</p>
            <p class="pricep">￥2999</p>
          </li>
          <li class="goodslist"><a href="#">
              <img src="./images/50.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果O1</h5>
            <p class="commodity">坚果O1</p>
            <p class="pricep">¥3749</p>
          </li>
          <li class="goodslist"><a href="#">
              <img src="./images/51.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果J10</h5>
            <p class="commodity">重磅新品上市</p>
            <p class="pricep">¥4949</p>
          </li>
          <li class="goodslist"><a href="#">
              <img src="./images/52.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果X3</h5>
            <p class="commodity">建行分期0手续费</p>
            <p class="pricep">¥6299</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 激光电视 -->
    <div class="jiguandianshiss">
      <div class="title">
        <!-- <h3 class="titletext">激光电视</h3> -->
        <!-- <a href="#">查看更多></a> -->
      </div>
      <!-- 电视类 -->
      <div class="Television">
        <ul>
          <li class="TVSmallbox"><a href="#">
              <img src="./images/53.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果激光电视U2</h5>
            <p class="commodity">坚果激光电视U2</p>
            <p class="pricep">¥16499</p>
          </li>
          <li class="TVSmallbox"><a href="#">
              <img src="./images/54.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果SU</h5>
            <p class="commodity">建行分期0手续费</p>
            <p class="pricep">¥29999</p>
          </li>
          <li class="TVSmallbox"><a href="#">
              <img src="./images/55.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果S3</h5>
            <p class="commodity">建行分期0手续费</p>
            <p class="pricep">¥29999</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 坚果配件pj -->
    <div class="Nutaccessoriespj">
      <div class="titlepj">
        <h3 class="titletextpj">坚果配件</h3>
        <a href="#">查看更多></a>
      </div>
      <div class="part1">
        <ul>
          <li class="parthezi1"><a href="#">
              <img src="./images/56.jpg.jpg" alt="">
            </a>
            <span class="xingpingpj">新品</span>
            <h5 class="textpj">游戏手柄</h5>
            <p class="Pricepj">￥269</p>
          </li>
          <li class="pat1hezi"><a href="#">
              <img src="./images/57.jpg.jpg" alt="">
            </a>
            <h5 class="goodslist-text">蓝牙语言遥控器</h5>
            <p class="commodity">蓝牙语言遥控器</p>
            <p class="pricep">￥99</p>
          </li>
          <li class="pat1hezi"><a href="#">
              <img src="./images/58.jpg.jpg" alt="">
            </a>
            <h5 class="goodslist-text">100英寸电动幕布</h5>
            <p class="commodity">(幕布遥控器以收货实物为准)</p>
            <p class="pricep">¥429</p>
          </li>
        </ul>
      </div>
      <div class="part2">
        <ul>
          <li class="parthezi1"><a href="#">
              <img src="./images/59.jpg.jpg" alt="">
            </a>
            <span class="xingpingpj">新品</span>
            <h5 class="textpj">星球麦克风</h5>
            <p class="Pricepj">￥469</p>
          </li>
          <li class="pat1hezi"><a href="#">
              <img src="./images/60.jpg.jpg" alt="">
            </a>
            <h5 class="goodslist-text">地面承重三角支架</h5>
            <p class="commodity">适用G7/J7/J6S/C6/D6通用款</p>
            <p class="pricep">¥189</p>
          </li>
          <li class="pat1hezi"><a href="#">
              <img src="./images/61.jpg.jpg" alt="">
            </a>
            <h5 class="goodslist-text">坚果直立支架（通用款</h5>
            <p class="commodity">简洁设计 相机通用</p>
            <p class="pricep">¥499</p>
          </li>
        </ul>
      </div>
    </div>

    <!-- 售后服务  -->

    <ul class="shohofuwupj">
      <li class="shoho1">
        <img src="./images/62-1.jpg.jpg" alt="">
        <span class="zhengtext">官网品质</span>
      </li>
      <li class="shoho2">
        <img src="./images/63-1.jpj.jpg" alt="">
        <span class="youtext">满百包邮</span>
      </li>
      <li class="shoho3">
        <img src="./images/64-1.jpg.png" alt="">
        <span class="tuitext">退货政策</span>
      </li>
      <li class="shoho4">
        <img src="./images/65-1.jpg.png" alt="">
        <span class="huantext">换货政策</span>
      </li>
      <div class="shoho5">
        <img src="./images/66-1.jpg.png" alt="">
        <span class="baotext">保修政策</span>
      </div>

    </ul>
  </div>

  <footer>

  </footer>
</body>

</html>
<script src="./js/3.index.js"></script>
<script src="./js/jQuery.js"></script>
<script src="./js/4.Nutmall.js"></script>
<script src="./js/4.Nutmall.js"></script>
<script>

   




  $(function () {
    $.get("./goods/getGoodsType.php", function (data) {
      let list = JSON.parse(data);
      let str = list.reduce((pre, cur) => {
        pre += `<div class="title"><h3 class="titletext">${cur.goodsType}</h3></div>`
        return pre
      }, '')
      let ta = document.querySelector('.title');
      console.log(ta);
      ta.innerHTML = str;
      for (let i = 0; i < list.length; i++) {
        let item = list[i];
      }
    });

  })
</script>